<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"  xmlns:ace="http://www.icefaces.org/icefaces/components"   xmlns:ice="http://www.icesoft.com/icefaces/component" 
	>
    <h:head>
        <title>Right One</title>
        <link rel="stylesheet" type="text/css" href="./xmlhttp/css/rime/rime.css"/>
     	<link rel="stylesheet" type="text/css" href="css/styles.css" />
       	<script type="text/javascript" src="scripts/jquery.js"></script>
	 	<script type="text/javascript" src="scripts/right_one_fx.js"></script>
	 	<!--[if gte IE 9]>
			  <style type="text/css">
				.gradient {
				   filter: none;
				}
			  </style>
		<![endif]-->
    </h:head>
    <h:body styleClass="ice-skin-rime">    
    	<h:form id="form">
    		<ice:panelGroup styleClass="wrapper">
			<ui:include src="includes/header.xhtml" />
	<ice:panelGroup styleClass="wrapper_body">
		<ice:panelGroup styleClass="first_column">
		</ice:panelGroup>
		<ice:panelGroup styleClass="main_column">
				<ice:panelGroup styleClass="content">
					<ice:panelGroup styleClass="content_top_facet" />
					<ice:panelGroup styleClass="content_inner">
						<ice:panelGroup>
							<ul>
								<li>Sélectionner mon profil de contact</li>
							    <li>
		                           	<ice:selectOneRadio partialSubmit="true" valueChangeListener="#{contactBB.listenerChoixProfilContact}"  value="#{contactBB.choix_typeProfilContact}">
										<f:selectItem itemLabel="Personne civile" itemValue="p_civile" />
										<f:selectItem itemLabel="Personne morale" itemValue="p_morale" />
									</ice:selectOneRadio>
		                        </li>
							</ul>
							<ice:panelDivider dividerPosition="50" style="height:300px; width:100%"
                              orientation="vertical">
                              	<!-- Section personne -->
                              	<f:facet name="first">
                              		<ul>
                              			<li>Personne civile</li>
                              			<li>Prénom :&nbps;<ice:inputText id="prenom" value="#{contactBB.prenom}"  disabled="#{contactBB.disabledPcivile}" /><ice:message for="prenom" /></li>
                              			<li>Nom :&nbsp;<ice:inputText id="nom"  value="#{contactBB.nom}" disabled="#{contactBB.disabledPcivile}" /></li>
                              		</ul>
                              	</f:facet>
                              	<!-- Section entreprise -->
                              	<f:facet name="second">
                              		<ul>
                              			<li>Personne morale</li>
                              			<li>Raison sociale :&nbps;<ice:inputText value="#{contactBB.raisonSociale}" disabled="#{contactBB.disabledPmorale}" /></li>
                              		</ul>
                              	</f:facet>
                              </ice:panelDivider>
                              <ul>
                              	<li>Courriel :&nbsp;<ice:inputText value="#{contactBB.courriel}" required="true" /></li>
                              	<li>
                              		<ul>
                              			<li>Sujet :</li>
                              			<li>                              		
                              				<ice:selectOneListbox size="1" partialSubmit="true" valueChangeListener="#{contactBB.listenerChoixSujet}">
		                              			<f:selectItem itemLabel="Divers" itemValue="div" />
		                              			<f:selectItem itemLabel="Commercial" itemValue="com"  />
		                              			<f:selectItem itemLabel="Technique" itemValue="tech"  />
		                              		</ice:selectOneListbox>
                              			</li>
                              		</ul>
                              	</li>
                              	<li>Message :</li>
                              	<li><ice:inputTextarea value="#{contactBB.msg}" cols="140" rows="20" style="resize: none;" required="true" /></li>
                              	<li><ice:selectBooleanCheckbox value="#{contactBB.getCopie}" />&nbsp;<ice:outputText value="Je souhaite également recevoir une copie de mon message." /></li>
                              	<li><ice:commandButton value="Envoyer" action="#{contactBB.envoyer}" /><ice:commandButton value="Effacer les champs de texte." action="#{contactBB.effacer}" /></li>
                              </ul>
						</ice:panelGroup>							
					</ice:panelGroup>
				</ice:panelGroup>
				<ice:panelGroup styleClass="footer_area">
					<ice:panelGroup styleClass="footer_logo">
						<img src="img/logos_set/icon_footer_test.png" />
					</ice:panelGroup>
					<ice:panelGroup styleClass="legal_notice">
						D&eacute;v&eacute;lopp&eacute; par Salim &amp; Lo&iuml;c | <ice:commandLink value="Contactes l'&eacute;quipe" action="#{contactBB.contact}" />
					</ice:panelGroup>
				</ice:panelGroup>
		</ice:panelGroup>
		<ice:panelGroup styleClass="last_column">
		</ice:panelGroup>
	</ice:panelGroup>
</ice:panelGroup>
             </h:form>
    </h:body>
    <h:outputStylesheet library="org.icefaces.component.skins" name="rime.css" />
</html>